@charset "utf-8";
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body {font-family:Helvetica,'sans-serif','Microsoft YaHei';}
*{margin:0;padding: 0;}
a {text-decoration: none;-webkit-tap-highlight-color: transparent;}
img {vertical-align: top;border: none;}
li {list-style:none;}
input[type="submit"],input[type="button"],input[type="text"],button{-webkit-appearance:none;}
input::-webkit-input-placeholder {color:#aaa;}
input::-moz-placeholder {color:#aaa;}
input {outline:none;}
textarea {resize:none;}

/* color */
.red{ color:#c00;}
.green{ color:#080;}
.blue {color:#2a5894;}
.gray3 {color: #333;}
.gray6 {color:#666;}
.gray9 {color:#999;}
.orange {color:#f80;}
.black {color: #000;}
.white {color: #fff;}

/*font*/
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.fwb {font-weight: bold;}
.fwn {font-weight: normal;}
.fsn {font-style:normal;}
.fsi {font-style:italic;}
.fyahei {font-family:'Microsoft Yahei';}
.farial {font-family:Helvetica,sans-serif;}

/*float*/
.fl {float:left;}
.fr {float:right;}

/*margin padding*/
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mb0 {margin-bottom: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pr0 {padding-right: 0 !important;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pl0 {padding-left: 0 !important;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}

/*text-align*/
.tac { text-align:center;}
.tal { text-align:left;}
.tar { text-align:right;}

/*other*/
.hide { display:none;}
.db { display:block;}
.dib { display:inline-block;}
.dt { display:table;width:100%;}
.dtc { display:table-cell;}
.vat { vertical-align:top;}
.vam { vertical-align:middle;}
.owh { overflow:hidden;}
.owh-x { overflow-x:hidden;}
.owh-y { overflow-y:hidden;}
